body{margin:0;padding:30px;font-family:Verdana;}
.clear{clear:both;}

h1,h2,h3{margin-top:0;padding-top:0;}
h2{font-size: 16px;}
h3{font-size:12px;text-align:center;margin:0;padding:0;}

#login{width:500px; margin:0 auto;border: solid 1px black;padding:30px;}
#app{display:none;width:910px; margin:0 auto;border: solid 1px black;padding:30px;}

#connectedUsersContainer{
	width:200px;
	float:left;
	border:solid 1px black;
	margin-right: 20px;
	padding: 10px;
}

#connectedUsers{
	font-size: 12px;
	padding-left: 18px;
}


#canvasContanier{
	width: 350px;
	float:left;
	border:solid 1px black;
	margin-right: 20px;
	padding: 10px;
}

#canvas{cursor:none;border:solid 2px green;}

#chatContainer{width: 250px; float:left; border:solid 1px black;padding: 10px;}
#chatWindow{width: 240px;border:solid 1px green;}


.board{
	border: solid 4px #0E5917;
	width: 81px;
	margin: 5px;
	float:left;
}

.board .place{
	height: 25px;
	width: 25px;
	border: solid 1px green;
	float:left;
	text-align: center;
}

.board .place:hover{
	background-color: #6B77FA;
	cursor: pointer;	
}

#tictaetoeContainer{border: solid 1px black;padding:10px;margin:20px 0;}

